<template>
  <div style="padding-top:32px;" >
    <el-descriptions title="基础信息" :column="7">
      <el-descriptions-item label="物料编码">{{
        row.f_Number
      }}</el-descriptions-item>
      <el-descriptions-item label="物料名称">{{
        row.f_Name
      }}</el-descriptions-item>
      <el-descriptions-item label="规格型号">{{
        row.f_Model
      }}</el-descriptions-item>
      <el-descriptions-item label="单位">{{ lr_dataSourceName2('ERP_Unit',row.f_Unit,'f_id','f_name') }}</el-descriptions-item>
      <el-descriptions-item label="物料类别">{{
        lr_dataSourceName2('ERP_MaterialClasses',row.f_Type,'f_id','f_type')
      }}</el-descriptions-item>
      <el-descriptions-item label="物料属性">{{
        lr_dataSourceName2('ERP_MaterialProp',row.f_Property,'f_id','f_type')
      }}</el-descriptions-item>
      <el-descriptions-item label="状态">
        <p v-if="row.f_State == 0">启用</p>
        <p v-if="row.f_State == 1">未用</p>
      </el-descriptions-item>

      <el-descriptions-item labelStyle="align-items: center;" v-if="row.f_File" label="图片资料">
        <l-upload  disabled  :value="row.f_File" listType="picture-card" />
      </el-descriptions-item>
    </el-descriptions>

    <l-table
      ref="mainTable"
      :columns="columns"
      :dataSource="tableData"
    />
  </div>
</template>
<script>
export default {
  props:{
    row:{
      type:Object,
      default:()=>{
        return {}
      }
    },
    storeInfo:{
      type:Object,
      default:()=>{
        return {}
      }
    }
  },
  computed:{
    tableData(){
      return this.storeInfo.list || []
    },
    columns(){
      return this.storeInfo.columns || []
    }
  },
  mounted() {
  },
  methods: {
  },
};
</script>